<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>系统设置</title>
     <#include "../commonFile/quote.ftl"/>
     <script>
        $(function(){
            $.ajax({
                type: 'post',
                url: '/system/getMenuTree',
                async: false,
                data:{father_id:'${system}'},
                dataType: 'json',
                success: function (result) {
                    //初始化treeView
                    $('#treeview').treeview({
                        highlightSelected: true,//当选择节点时是否高亮显示。
                        showBorder: true,//是否在节点上显示边框。
                        showImage: true,
                        showIcon:true,
                        data: result.data
                    });
                    //默认加载第一个树节点的path
                    $("#frame_child").attr('src',result.data[0].path);
                }
            });
            //树节点点击事件
            $('#treeview').on('nodeSelected', function(event, data) {
               $("#frame_child").attr('src',data.path);
            });
        });
    </script>
</head>
<body>
<div class="container-fluid"style="height:100%;width:100%;">
    <div class="row" style="display: flex;height:100%;">
        <div class="col-xs-2">
            <div id="treeview" class=""></div>
        </div>
        <div class="col-xs-10">
            <iframe id="frame_child" name="frame_child" style="width: 100%;height: 98%;" marginwidth="0" frameborder="0"></iframe>
        </div>
    </div>
</div>
</body>
</html>